<template>
  <section id="productProbes">
    <section class="h-screen product-probes-home">
      <h2>Probes</h2>
    </section>
    <section class="sec-box min-h-screen bg-black flex-column-cc product-probes">
      <article class="wow fadeIn width-middle text-center">
        <h2>High-Performance Ultrasound Probes</h2>
        <h4 class="width gray margin-top">
          Our mini-fUS system is complemented by a range of high-performance probes designed for various research needs. The standard 64-element micro-probe is
          optimized for small animal neuroimaging, offering excellent resolution and sensitivity.
        </h4>
      </article>
      <dl class="block flex-cc">
        <dt class="images-box"></dt>
        <dd class="flex-column-sb">
          <ul>
            <li>
              Standard 64-Element probe Optimized for mouse and rat brain imaging High central frequency for superior resolution Compact footprint for minimal
              invasiveness Durable design for chronic implantations
            </li>
            <li class="mt-h">
              Custom probe configurations may be available.<br />
              Please contact us to discuss your specific requirements.
            </li>
          </ul>
          <button class="round primary">Inquire About Probes</button>
        </dd>
      </dl>
    </section>
  </section>
</template>
<script>
export default {
  name: "cmpts-product-probes",
  data() {
    return {}
  },
  computed: {
    isCurrent() {
      return (this.$store.state.currentRoute || "").split("_")[1] === "probes"
    },
  },
}
</script>
<style lang="less" scoped>
.images-box {
  width: 32rem;
}
.product-probes-home {
  background: @borderColor url("@images/product-probes-bg.png") center / cover no-repeat;
  h2 {
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 5rem;
  }
}
.product-probes {
  &.fixed-top {
    padding-top: 12.4rem;
  }
  & > article,
  & > dl {
    flex: none;
  }
  dl {
    margin-top: 6rem;
    max-width: 1000px;
    width: 80%;
    dt,
    dd {
      height: 32rem;
    }
    dt {
      flex: none;
      margin-right: 2.4rem;
      background: #fff;
    }
  }
  button {
    width: 50%;
  }
}
</style>
